// ignore_for_file: file_names, use_super_parameters

import 'package:flutter/material.dart';

class MyApp9 extends StatelessWidget {
  const MyApp9({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // 1.1 导航
        appBar: AppBar(
          title: const Text('弹性布局——Expanded组件'),
          backgroundColor: Colors.pink,
        ),
        // 1.2 主体内容
        body: Container(
            width: double.infinity,
            height: 100,
            alignment: Alignment.center,
            color: Colors.yellow,
            child: Row(
              // 主轴对齐
              mainAxisAlignment: MainAxisAlignment.start,
              // 侧轴方向对齐
              crossAxisAlignment: CrossAxisAlignment.center,

              children: [
                // ColumnAndRowCaseItem(),
                // ColumnAndRowCaseItem(),
                // ColumnAndRowCaseItem()
                Image.network(
                  'https://yanxuan-item.nosdn.127.net/afd6199278a5b8fd783bc4947960fabc.jpg',
                  width: 86,
                ),
                // 左外边距
                const SizedBox(
                  width: 10,
                ),
                const Expanded(
                  flex: 1,
                  child: Text(
                    '茶水分离杯耐热隔热玻璃杯,茶水分离杯耐热隔热玻璃杯,茶水分离杯耐热隔热玻璃杯,茶水分离杯耐热隔热玻璃杯,茶水分离杯耐热隔热玻璃杯',
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
              ],
            )));
  }
}

class ColumnAndRowCaseItem extends StatelessWidget {
  const ColumnAndRowCaseItem({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 70,
      height: 70,
      margin: const EdgeInsets.only(left: 10),
      child: Container(
        width: double.infinity,
        height: double.infinity,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(35),
          color: Colors.blue,
        ),
      ),
    );
  }
}
